<?php
/**
 * Created by PhpStorm.
 * User: caijianling
 * Date: 2018/8/20
 * Time: 上午10:30
 */

require_once 'admin-header.php';


?>
    <body data-type="widgets">
    <script src="assets/js/theme.js"></script>
    <div class="am-g tpl-g">
        <!-- 头部 -->
        <header>
            <!-- logo -->
            <div class="am-fl tpl-header-logo">
                <a href="javascript:;"><img src="assets/img/logo.png" alt=""></a>
            </div>
            <!-- 右侧内容 -->
            <div class="tpl-header-fluid">
                <!-- 侧边切换 -->
                <div class="am-fl tpl-header-switch-button am-icon-list">
                    <span>

                </span>
                </div>
                <!-- 搜索 -->
                <div class="am-fl tpl-header-search">
                    <form class="tpl-header-search-form" action="javascript:;">
                        <button class="tpl-header-search-btn am-icon-search"></button>
                        <input class="tpl-header-search-box" type="text" placeholder="搜索内容...">
                    </form>
                </div>
                <!-- 其它功能-->
                <div class="am-fr tpl-header-navbar">
                    <ul>
                        <!-- 欢迎语 -->
                        <li class="am-text-sm tpl-header-navbar-welcome">
                            <a href="javascript:;">欢迎你, <span>Amaze UI</span> </a>
                        </li>

                        <!-- 新邮件 -->
                        <li class="am-dropdown tpl-dropdown" data-am-dropdown>
                            <a href="javascript:;" class="am-dropdown-toggle tpl-dropdown-toggle"
                               data-am-dropdown-toggle>
                                <i class="am-icon-envelope"></i>
                                <span class="am-badge am-badge-success am-round item-feed-badge">4</span>
                            </a>
                            <!-- 弹出列表 -->
                            <ul class="am-dropdown-content tpl-dropdown-content">
                                <li class="tpl-dropdown-menu-messages">
                                    <a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
                                        <div class="menu-messages-ico">
                                            <img src="assets/img/user04.png" alt="">
                                        </div>
                                        <div class="menu-messages-time">
                                            3小时前
                                        </div>
                                        <div class="menu-messages-content">
                                            <div class="menu-messages-content-title">
                                                <i class="am-icon-circle-o am-text-success"></i>
                                                <span>夕风色</span>
                                            </div>
                                            <div class="am-text-truncate"> Amaze UI 的诞生，依托于 GitHub 及其他技术社区上一些优秀的资源；Amaze
                                                UI 的成长，则离不开用户的支持。
                                            </div>
                                            <div class="menu-messages-content-time">2016-09-21 下午 16:40</div>
                                        </div>
                                    </a>
                                </li>

                                <li class="tpl-dropdown-menu-messages">
                                    <a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
                                        <div class="menu-messages-ico">
                                            <img src="assets/img/user02.png" alt="">
                                        </div>
                                        <div class="menu-messages-time">
                                            5天前
                                        </div>
                                        <div class="menu-messages-content">
                                            <div class="menu-messages-content-title">
                                                <i class="am-icon-circle-o am-text-warning"></i>
                                                <span>禁言小张</span>
                                            </div>
                                            <div class="am-text-truncate"> 为了能最准确的传达所描述的问题， 建议你在反馈时附上演示，方便我们理解。</div>
                                            <div class="menu-messages-content-time">2016-09-16 上午 09:23</div>
                                        </div>
                                    </a>
                                </li>
                                <li class="tpl-dropdown-menu-messages">
                                    <a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
                                        <i class="am-icon-circle-o"></i> 进入列表…
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- 新提示 -->
                        <li class="am-dropdown" data-am-dropdown>
                            <a href="javascript:;" class="am-dropdown-toggle" data-am-dropdown-toggle>
                                <i class="am-icon-bell"></i>
                                <span class="am-badge am-badge-warning am-round item-feed-badge">5</span>
                            </a>

                            <!-- 弹出列表 -->
                            <ul class="am-dropdown-content tpl-dropdown-content">
                                <li class="tpl-dropdown-menu-notifications">
                                    <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                        <div class="tpl-dropdown-menu-notifications-title">
                                            <i class="am-icon-line-chart"></i>
                                            <span> 有6笔新的销售订单</span>
                                        </div>
                                        <div class="tpl-dropdown-menu-notifications-time">
                                            12分钟前
                                        </div>
                                    </a>
                                </li>
                                <li class="tpl-dropdown-menu-notifications">
                                    <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                        <div class="tpl-dropdown-menu-notifications-title">
                                            <i class="am-icon-star"></i>
                                            <span> 有3个来自人事部的消息</span>
                                        </div>
                                        <div class="tpl-dropdown-menu-notifications-time">
                                            30分钟前
                                        </div>
                                    </a>
                                </li>
                                <li class="tpl-dropdown-menu-notifications">
                                    <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                        <div class="tpl-dropdown-menu-notifications-title">
                                            <i class="am-icon-folder-o"></i>
                                            <span> 上午开会记录存档</span>
                                        </div>
                                        <div class="tpl-dropdown-menu-notifications-time">
                                            1天前
                                        </div>
                                    </a>
                                </li>


                                <li class="tpl-dropdown-menu-notifications">
                                    <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                        <i class="am-icon-bell"></i> 进入列表…
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- 退出 -->
                        <li class="am-text-sm">
                            <a href="javascript:;">
                                <span class="am-icon-sign-out"></span> 退出
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </header>
        <!-- 风格切换 -->
        <div class="tpl-skiner">
            <div class="tpl-skiner-toggle am-icon-cog">
            </div>
            <div class="tpl-skiner-content">
                <div class="tpl-skiner-content-title">
                    选择主题
                </div>
                <div class="tpl-skiner-content-bar">
                    <span class="skiner-color skiner-white" data-color="theme-white"></span>
                    <span class="skiner-color skiner-black" data-color="theme-black"></span>
                </div>
            </div>
        </div>
        <!-- 侧边导航栏 -->
        <div class="left-sidebar">
            <!-- 用户信息 -->
            <div class="tpl-sidebar-user-panel">
                <div class="tpl-user-panel-slide-toggleable">
                    <div class="tpl-user-panel-profile-picture">
                        <img src="assets/img/user04.png" alt="">
                    </div>
                    <span class="user-panel-logged-in-text">
              <i class="am-icon-circle-o am-text-success tpl-user-panel-status-icon"></i>
              禁言小张
          </span>
                    <a href="javascript:;" class="tpl-user-panel-action-link"> <span class="am-icon-pencil"></span> 账号设置</a>
                </div>
            </div>

            <!-- 菜单 -->
            <ul class="sidebar-nav">
                <li class="sidebar-nav-heading">Components <span class="sidebar-nav-heading-info"> 附加组件</span></li>
                <li class="sidebar-nav-link">
                    <a href="index.php" class="active">
                        <i class="am-icon-home sidebar-nav-link-logo"></i> 网站设置
                    </a>
                </li>

                <li class="sidebar-nav-heading">Page<span class="sidebar-nav-heading-info"> 常用页面</span></li>
                <li class="sidebar-nav-link">
                    <a href="javascript:;" class="sidebar-nav-sub-title">
                        <i class="am-icon-table sidebar-nav-link-logo"></i> 数据列表
                        <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                    </a>
                    <ul class="sidebar-nav sidebar-nav-sub">
                        <li class="sidebar-nav-link">
                            <a href="table-list.php">
                                <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 文字列表
                            </a>
                        </li>

                        <li class="sidebar-nav-link">
                            <a href="table-list-img.php">
                                <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 图文列表
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="sidebar-nav-link">
                    <a href="sign-up.php">
                        <i class="am-icon-clone sidebar-nav-link-logo"></i> 注册
                        <span class="am-badge am-badge-secondary sidebar-nav-link-logo-ico am-round am-fr am-margin-right-sm">6</span>
                    </a>
                </li>
                <li class="sidebar-nav-link">
                    <a href="login.php">
                        <i class="am-icon-key sidebar-nav-link-logo"></i> 登录
                    </a>
                </li>
                <li class="sidebar-nav-link">
                    <a href="404.php">
                        <i class="am-icon-tv sidebar-nav-link-logo"></i> 404错误
                    </a>
                </li>

            </ul>
        </div>

        <!-- 内容区域 -->
        <div class="tpl-content-wrapper">

            <div class="container-fluid am-cf">
                <div class="row">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
                        <div class="page-header-heading"><span class="am-icon-home page-header-heading-icon"></span> 表单
                            <small>Amaze UI</small>
                        </div>
                        <p class="page-header-description">Amaze UI 有许多不同的表格可用。</p>
                    </div>
                    <div class="am-u-lg-3 tpl-index-settings-button">
                        <button type="button" class="page-header-button"><span class="am-icon-paint-brush"></span> 设置
                        </button>
                    </div>
                </div>

            </div>

            <div class="row-content am-cf">

                <div class="row">

                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                        <div class="widget am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">添加用户</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="widget-body am-fr">

                                <form class="am-form tpl-form-border-form">

                                    <div class="am-form-group">
                                        <label for="user-u-name" class="am-u-sm-12 am-form-label am-text-left">
                                            用户名
                                            <span class="tpl-form-line-small-title">
                                                UserName
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" class="tpl-form-input am-margin-top-xs" id="user-u-name"
                                                   placeholder="请输入用户名">
                                            <small>请填写用户名。</small>
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-pwd" class="am-u-sm-12 am-form-label  am-text-left">
                                            用户密码
                                            <span class="tpl-form-line-small-title">
                                                PassWord
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" id="user-pwd" class="am-margin-top-xs"
                                                   placeholder="">
                                            <div>

                                            </div>
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-n-name" class="am-u-sm-12 am-form-label am-text-left">
                                            昵称
                                            <span class="tpl-form-line-small-title">
                                                NickName
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" class="tpl-form-input am-margin-top-xs" id="user-n-name"
                                                   placeholder="">
                                            <small></small>
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-email" class="am-u-sm-12 am-form-label  am-text-left">
                                            电子邮箱
                                            <span class="tpl-form-line-small-title">
                                                E-mail
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" id="user-email" class="am-margin-top-xs"
                                                   placeholder="">
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-mobile" class="am-u-sm-12 am-form-label  am-text-left">
                                            手机
                                            <span class="tpl-form-line-small-title">
                                                Mobile
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" id="user-mobile" class="am-margin-top-xs"
                                                   placeholder="">
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-head" class="am-u-sm-12 am-form-label  am-text-left">
                                            头像
                                            <span class="tpl-form-line-small-title">
                                                Avatar
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12 am-margin-top-xs">
                                            <div class="am-form-group am-form-file">
                                                <div class="tpl-form-file-img">
                                                    <img id="user-avatar-image" src="" alt="">
                                                </div>
                                                <button id="button-user-avatar" type="button"
                                                        class="am-btn am-btn-danger am-btn-sm ">
                                                    <i class="am-icon-cloud-upload"></i> 添加头像图片
                                                </button>
                                                <div id="submit-user-avatar" action="./admin-upload.php" method="post"
                                                     enctype="multipart/form-data">
                                                    <input id="upload-user-avatar" name="user-avatar" type="file"
                                                           multiple="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-money" class="am-u-sm-12 am-form-label  am-text-left">
                                            余额
                                            <span class="tpl-form-line-small-title">
                                                Money
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" id="user-money" class="am-margin-top-xs"
                                                   placeholder="">
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-score" class="am-u-sm-12 am-form-label  am-text-left">
                                            积分
                                            <span class="tpl-form-line-small-title">
                                                Score
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" id="user-score" class="am-margin-top-xs"
                                                   placeholder="">
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-role" class="am-u-sm-12 am-form-label am-text-left">
                                            角色
                                            <span class="tpl-form-line-small-title">
                                                Role
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12  am-margin-top-xs">
                                            <select id="user-role" data-am-selected="{searchBox: 1}"
                                                    style="display: none;">
                                                <?php
                                                $role_array = $admin_sql->role_select();
                                                $role_num = $role_array['num'];
                                                $role_assoc = $role_array['assoc'];
                                                for ($i = 0; $i < $role_num; $i++) {
                                                    ?>
                                                    <option value="<?= $role_assoc[$i]['id'] ?>"><?= $role_assoc[$i]['name'] ?></option>
                                                    <?php
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-group" class="am-u-sm-12 am-form-label  am-text-left">
                                            用户组
                                            <span class="tpl-form-line-small-title">
                                                Group
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" id="user-group" class="am-margin-top-xs"
                                                   placeholder="">
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-sort" class="am-u-sm-12 am-form-label  am-text-left">
                                            排序
                                            <span class="tpl-form-line-small-title">
                                                Sort
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" id="user-sort" class="am-margin-top-xs"
                                                   placeholder="">
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-status" class="am-u-sm-12 am-form-label  am-text-left">
                                            状态
                                            <span class="tpl-form-line-small-title">
                                                Status
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" id="user-status" class="am-margin-top-xs"
                                                   placeholder="">
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="user-ban" class="am-u-sm-12 am-form-label  am-text-left">
                                            禁止时间
                                            <span class="tpl-form-line-small-title">
                                                Ban
                                            </span>
                                        </label>
                                        <div class="am-u-sm-12">
                                            <input type="text" id="user-ban" class="am-margin-top-xs"
                                                   placeholder="">
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <div class="am-u-sm-12 am-u-sm-push-12">
                                            <button type="button" id="add-user"
                                                    class="am-btn am-btn-primary tpl-btn-bg-color-success ">添加
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>

    </body>


<?php
require_once 'admin-footer.php';